import Footer from '@/components/Footer';
import {Question} from '@/components/RightContent';
import {getLoginUserUsingGET} from '@/services/yubi/userController';
import {SettingDrawer} from '@ant-design/pro-components';
import type {RunTimeLayoutConfig} from '@umijs/max';
import {history} from '@umijs/max';
import {AvatarDropdown, AvatarName} from './components/RightContent/AvatarDropdown';
import {errorConfig} from './requestConfig';
//import defaultSettings from "../config/defaultSettings";

const isDev = process.env.NODE_ENV === 'development';
const loginPath = '/user/login';
const whiteList = ['/user/register','/welcome',loginPath, '/' +
''];

/**
 * @see  https://umijs.org/zh-CN/plugins/plugin-initial-state
 * */
export async function getInitialState(): Promise<{
  currentUser?: API.LoginUserVO;
}> {
  const fetchUserInfo = async () => {
    try {
      // 获取用户信息，如果为空，则跳转到login页面
      const res = await getLoginUserUsingGET();
      return res.data;
    } catch (error) {
      history.push(loginPath);
    }
    return undefined;

  };
  // 如果不是登录页面，执行
  const { location } = history;
  // 将用户访问的是否是登录页变为用户访问的是否是白名单
  // if (location.pathname !== loginPath) {
  //   const currentUser = await fetchUserInfo();
  //   return {
  //     currentUser,
  //   };
  // }
  if (!whiteList.includes(location.pathname)) {
    const currentUser = await fetchUserInfo();
    return {
      //fetchUserInfo,
      currentUser,
      //settings:defaultSettings,
    };
  }
  //const currentUser = await fetchUserInfo();
  return {
    //currentUser,
    // fetchUserInfo,
    // settings:defaultSettings,
  };
}

// ProLayout 支持的api https://procomponents.ant.design/components/layout
export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
  return {
    actionsRender: () => [<Question key="doc" />],
    avatarProps: {
      src: initialState?.currentUser?.userAvatar ===''?'无名':initialState?.currentUser?.userAvatar,
      title: <AvatarName />,
      render: (_, avatarChildren) => {
        return <AvatarDropdown>{avatarChildren}</AvatarDropdown>;
      },
    },
    waterMarkProps: {
      content: initialState?.currentUser?.userName,  //G
    },
    footerRender: () => <Footer />,
    onPageChange: () => {
      const { location } = history;

      //如果没有登录，还是会正常显示的页面，将其定为数组白名单
      console.log('=========================');
      console.log(initialState?.currentUser);
      console.log(location.pathname);
      console.log(whiteList.indexOf(location.pathname));
      // 如果是白名单中的页面，则继续
      if (whiteList.includes(location.pathname)) return;
      // 如果没有登录，重定向到 login 并没有进入到这个函数中
      // 问题在这--if中是如果在状态管理的state中没有currentUser，并且访问路径不是登录路径，则跳转到login页面，导致你没法进入注册页
      // 解决办法：在getInitialState中，如果访问路径不是{白名单}，则跳转到login页面
      // whiteList.indexOf(location.pathname) === -1 是指访问路径是不是/user/login /user/register /welcome这三个
      // 你是否写一个新功能，在登录页面，添加一个游客登录的按钮。现在的代码可以实现不登录就能访问/user/login /user/register /welcome这三个页面。是这么想的
      // 第一种：用户有登录和不登录的区别，登录访问所有页面，不登录只能访问登录注册欢迎页√ 这个已经实现了啊
      // 第二种：用户有登录和不登录和游客的区别，登录访问所有页面，不登录只能访问登录注册欢迎页， 游客能访问所有页面，但是不能修改数据
      if (!initialState?.currentUser && whiteList.indexOf(location.pathname) === -1) {
        history.push(loginPath);
      }

    },
    layoutBgImgList: [
      {
        src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/D2LWSqNny4sAAAAAAAAAAAAAFl94AQBr',
        left: 85,
        bottom: 100,
        height: '303px',
      },
      {
        src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/C2TWRpJpiC0AAAAAAAAAAAAAFl94AQBr',
        bottom: -68,
        right: -45,
        height: '303px',
      },
      {
        src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/F6vSTbj8KpYAAAAAAAAAAAAAFl94AQBr',
        bottom: 0,
        left: 0,
        width: '331px',
      },
    ],
    // links: isDev
    //   ? [
    //       <Link key="openapi" to="/umi/plugin/openapi" target="_blank">
    //         <LinkOutlined />
    //         <span>OpenAPI 文档</span>
    //       </Link>,
    //     ]
    //   : [],
    menuHeaderRender: undefined,
    // 自定义 403 页面
    // unAccessible: <div>unAccessible</div>,
    // 增加一个 loading 的状态
    childrenRender: (children) => {
      // if (initialState?.loading) return <PageLoading />;
      return (
        <>
          {children}
          <SettingDrawer
            disableUrlParams
            enableDarkTheme
            settings={initialState?.settings}
            onSettingChange={(settings) => {
              setInitialState((preInitialState) => ({
                ...preInitialState,
                settings,
              }));
            }}
          />
        </>
      );
    },
    ...initialState?.settings,
  };
};

/**
 * @name request 配置，可以配置错误处理
 * 它基于 axios 和 ahooks 的 useRequest 提供了一套统一的网络请求和错误处理方案。
 * @doc https://umijs.org/docs/max/request#配置
 */
export const request = {
  baseURL: 'http://localhost:8080',
  withCredentials: true,
  ...errorConfig,
};
